<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>轮播图</title>
    <link rel="stylesheet" href="../layui/css/layui.css">
    <link rel="stylesheet" href="../css/iconfont.css">
    <link rel="stylesheet" href="../css/base.css">
    <script src="../js/jquery-1.11.0.js"></script>
    <script src="../layui/layui.js"></script>
    <script src="../js/frameAll.js"></script>
    <script>
        layui.use('carousel', function () {
            var carousel = layui.carousel;
            //图片轮播
            carousel.render({
                elem: '#lbt',
                full: true,
                autoplay:true,
                anim:'fade',
            });
        });
    </script>
</head>
<body>
<div class="layui-carousel" id="lbt">
    <div carousel-item="">
        <div><img src="../images/lunbotu1.jpg" width="100%" height="100%"></div>
        <div><img src="../images/lunbotu2.jpg" width="100%" height="100%"></div>
        <div><img src="../images/lunbotu3.jpg" width="100%" height="100%"></div>
        <div><img src="../images/lunbotu4.jpg" width="100%" height="100%"></div>
        <div><img src="../images/lunbotu5.jpg" width="100%" height="100%"></div>
    </div>
</div>
</body>
</html>